<template>
	<view :style="themeColor">
		<view class="page">
			<!-- :style="{background:`url(${STATIC_URL}home1.png) no-repeat top / 100% auto `}" -->
			<view class="flex align-stretch benben-position-layout flex myNews_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex align-center justify-between flex-sub myNews_fd0_0'>
					<view class='flex align-center myNews_fd0_0_c0'>
						<text class='fu-iconfont2  myNews_fd0_0_c0_c0'></text>
					</view>
					<view class='flex align-center'>
						<text class='myNews_fd0_0_c1_c0'>天天健康{{ida || ''}}</text>
					</view>
					<view class='flex align-center myNews_fd0_0_c0'>
					</view>
				</view>
			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<view class="flex flex-wrap align-center justify-center benben-flex-layout homePage_flex_3">
				<view style="position: relative">
					<swiper @change="bannerIndexfd3_0 = $event.detail.current" class='flex position-relative homePage_fd3_0'
						previous-margin="0rpx" next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500"
						:autoplay='true' :circular='true' :indicator-dots='true' :indicator-color="'rgba(0, 0, 0, 0.2)'"
						:indicator-active-color="'rgba(255, 255, 255, 0.9)'">
						<swiper-item class='flex  homePage_fd3_0' v-for="(it,k) in swiperList" :key="k">
							<image class='homePage_fd3_0_c1_c0' mode="aspectFill" :src='it.url'>
							</image>
						</swiper-item>
					</swiper>
					<view class="qiehuan" data-type="navigateTo" @tap.stop="handleJumpvenue()">
						<text style="color: white;font-size: 28rpx;">更多场馆</text>
					</view>
				</view>

			</view>
			<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_0132'>
				<view class='flex flex-wrap align-stretch' v-if="isshowa">

					<view
						style="display: flex;flex-wrap: wrap;background-color: #55bdfe;border-radius: 20rpx 20rpx 0rpx 0rpx;padding-bottom: 20rpx;"
						v-if="isshowa">
						<view class='flex flex-wrap' style="margin-top: 16rpx;width: 686rpx;margin-left: 14rpx;">
							<image class='decorationTeam_fd1_0_c0_c1_c2_c0' mode="aspectFill" src='../../../static/images/070.png'
								style="width: 34rpx;height: 34rpx;">
							</image>
							<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'
								style="margin-left: 4rpx;color: #ffffff;">场馆：{{venue.gymName || '暂无信息'}}</text>
						</view>
						<view class='flex flex-wrap' style="margin-top: 16rpx;margin-left: 14rpx;" v-if="isshowb">
							<image class='decorationTeam_fd1_0_c0_c1_c2_c01' mode="aspectFit" src='../../../static/images/45.png'>
							</image>
							<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'
								style="margin-left: 4rpx;color: #ffffff">地址：{{venue.address || '暂无信息'}}</text>
						</view>
					</view>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_0'>
				<view class='flex flex-wrap align-stretch decorationTeam_fd1_0_c0' v-if="isshowa">
					<!-- 				<block v-if="isLogin==true">
						<image class='decorationTeam_fd1_0_c0_c0' mode="aspectFill"
							:src="swiperList[0].url ? swiperList[0].url : require('@/static/images/test.png')">
						</image>
					</block>
					<block v-else>
						<image class='decorationTeam_fd1_0_c0_c0' mode="aspectFill" :src="require('@/static/images/test.png')">
						</image>
					</block> -->

					<view class='decorationTeam_fd1_0_c0_c1_c0'>
						<view style="display: flex;flex-wrap: wrap;">
							<view class='flex flex-wrap' style="margin-top: 16rpx;width: 400rpx;">
								<image class='decorationTeam_fd1_0_c0_c1_c2_c0' mode="aspectFill" src='../../../static/images/45.png'
									style="width: 30rpx;height: 30rpx;">
								</image>
								<text class='decorationTeam_fd1_0_c0_c1_c2_c1'
									style="margin-left: 4rpx;">营业时间：{{Timenum1 || '暂无信息'}}&nbsp;-{{Timenum2}}</text>
							</view>
							<view class='flex flex-wrap' style="margin-top: 16rpx;" v-if="isshowb">
								<image class='decorationTeam_fd1_0_c0_c1_c2_c01' mode="aspectFit" src='../../../static/images/070.png'>
								</image>
								<text class='decorationTeam_fd1_0_c0_c1_c2_c1' style="margin-left: 4rpx;">在场人数：{{numInfo}}</text>
							</view>
						</view>

						<view style="display: flex;flex-wrap: wrap;">
							<view class='flex flex-wrap' style="margin-top: 16rpx;">
								<image class='decorationTeam_fd1_0_c0_c1_c2_c0' mode="aspectFill" src='../../../static/images/3.png'
									style="width: 30rpx;height: 30rpx;">
								</image>
								<text class='decorationTeam_fd1_0_c0_c1_c2_c1'
									style="margin-left: 4rpx;">场馆电话：{{venue.phone || '暂无信息'}}</text>
							</view>

						</view>

					</view>
				</view>
				<text style="margin-left: 24rpx;margin-right: 24rpx;color: #9fa2a7;">场馆简介: {{venue.gymInfo || '暂无信息'}}</text>
			</view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout" style="margin-bottom: 30rpx;"
				v-if="coachshow==false">
				<view class="swiper_nav">


					<view class="swiper-item">
						<view class="swiper-item_box" v-for="(v1, k1) in jingang" :key="k1" @tap.stop="gojingangInfo(v1,k1)">
							<image :src="v1.thumb" mode="aspectFill" style="border-radius: 16rpx;"></image>
							<view class="z" :class="{ 'activeaaa': k1 == selectedItem }" style="margin-top: 12rpx;">
								{{v1.name}}
							</view>
						</view>
					</view>


					<!-- <view class="swiper_dot">
						<text class="dot_item" :class="cardIndex == k ? 'active_dot_item' : ''"
							v-for="(v, k) in card_index"></text>
					</view> -->
				</view>
			</view>



			<!---flex布局flex布局开始-->
			<view style="margin-bottom: 24rpx;">
				<text style="margin-left: 24rpx;font-size: 32rpx;font-weight: 500;">教练团队</text>
			</view>
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout homePage_flex_4" v-if="isshow">
				<view class='flex flex-wrap align-stretch' style="justify-content: space-between;">
					<view class='flex flex-direction flex-wrap align-stretch homePage_fd4_0_c0' v-for="(item,index) in coachinfo"
						:key="index" @tap.stop="gojiaolian(item.id,index)">
						<image class='homePage_fd4_0_c0_c0' mode="aspectFill" :src="item.url ? item.url : STATIC_URL+'129.png'">
						</image>

						<view class='flex align-center homePage_fd4_0_c0_c1'>

							<text class='homePage_fd4_0_c0_c1_c1'>{{item.coachName}}</text>
						</view>
						<view class='flex flex-wrap align-center homePage_fd4_0_c0_c2'>
							<text class='homePage_fd4_0_c0_c2_c0' v-if="item.sex==1">性别:男</text>
							<text class='homePage_fd4_0_c0_c2_c0' v-if="item.sex==0">性别:女</text>
							<text class='homePage_fd4_0_c0_c2_c0' v-if="item.sex==2">性别:保密</text>
						</view>
						<!-- 						<view class='flex flex-wrap align-center homePage_fd4_0_c0_c2'>
							<text class='homePage_fd4_0_c0_c2_c01'>电话:{{item.phone}}</text>
						</view> -->
					</view>
				</view>
			</view>
			<view style="display: flex;justify-content: center;margin-top: 46rpx;width: 750rpx;" v-else>
				<image src='../../../static/images/order.png' mode="aspectFill" style="width:440rpx;height: 328rpx;">
				</image>
			</view>
			<!---flex布局flex布局结束-->
			<u-loadmore v-if="last_page > 1" class="loadmore" font-size="24" :status="status" :icon-type="iconType"
				:load-text="loadText" />
			<image class='designPicture_fd2_5' mode="aspectFit" src='../../../static/images/54.png' @tap.stop="scrollToTop">
			</image>
			<benben-popup v-model="popupShow1656992350800ac" :mask="true" :mask-close-able="true" mode='center'>
				<!---退出登录flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center system_flex_2">
					<text class='system_fd2_0'>提示</text>
					<text class='system_fd2_1'>登录之后可体验更多功能</text>
					<view class='flex align-center system_fd2_2'>
						<button class='system_fd2_2_c0' @tap.stop="popupShow1656992350800ac=false">取消</button>
						<button class='system_fd2_2_c1' @tap.stop="loginFunc()">确定</button>
					</view>
				</view>

				<!---退出登录flex布局结束-->

			</benben-popup>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"bannerIndexfd3_0": 0,
				"popupShow1656992350800ac": false,
				isOnlines: '',
				card_index: [],
				isshow: '',
				"is_login": "2",
				jingang: [{
						value: 1,
						name: '卡课购买',
						thumb: '/static/images/130.png'
					},

					{
						value: 2,
						name: '课程预约',
						thumb: '/static/images/128.png'
					},
					{
						value: 3,
						name: '意见反馈',
						thumb: '/static/images/127.png'
					},

				],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				homeList: [],
				Timenum1: '',
				Timenum2: '',
				cardIndex: 0,
				selectedItem: null,
				venue: {
					gymName: '天天健身',
					gymInfo: '更多功能,请登录后查看。',
					address: '深圳市',
					phone: '请登录后查看'
				},
				roleid: '',
				coachinfo: [{
					id: 1,
					coachName: '张教练',
					url: '/static/images/129.png',
					sex: 1
				}],
				swiperList: [{
					value: 1,
					url: '/static/images/test.png'
				}],
				isshowa: false,
				isshowb: false,
				coachshow: false,
				numInfo: '',
				ida: ''
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}

		},
		watch: {},
		onLoad(options) {
			this.Online()

			console.log(options, 'optionsoptionsoptions')
			if (global.appTabBarType) this.toHomeDiy()
			//onLoad参数options.q可以拿到编码加密后的二维码链接
			if (options.q) {
				// 1. 将二维码链接解码
				let codeStr = decodeURIComponent(options.q);

				// 2. 使用正则表达式提取参数 "ida"
				const codeId = codeStr.match(/[?&]ida=(\d+)/); // 正确匹配 "ida" 参数
				// 3. 如果找到 "ida" 参数，赋值给 this.ida，否则赋值为空
				let ida = codeId ? codeId[1] : '';

				uni.setStorageSync('gymIda', ida)
				this.ida = uni.getStorageSync('gymIda')
				uni.removeStorageSync('venueInfo')
			}
			


			//获取场馆页面选定的数据
			// uni.$on('guanzhu', res => {
			// 	console.log('@@@@@@@@@@@@@@@', res.data)
			// 	this.gymname=res.data.title
			// })
		},




		onUnload() {
			// 移除监听事件  
			uni.$off('guanzhu');
		},
		onReady() {

		},
		onShow() {
			this.ida = uni.getStorageSync('gymIda')
			if (this.isOnlines == 1 && this.isLogin == false) {
				console.log('上线模式，且未登录状态')
				this.isUserInfo()
				return
			}

			if (this.isLogin == false) {
				this.isshow = true
				this.isshowa = true
			}
			let info = uni.getStorageSync('USER_INFO')
			if (info.isMaCoach) {
				this.coachshow = true
			} else {
				this.coachshow = false
			}



			if (this.ida && this.isLogin == true) {
				console.log(this.ida, '有扫码id,且已经登录')
				this.choice() //让他成为意向会员
			} else if (!this.ida && this.isLogin == true) {
				console.log('没有扫码id,但已经登录')
				if (uni.getStorageSync('venueInfo')) {
					this.venue = uni.getStorageSync('venueInfo')


					// 使用 split() 方法将字符串按逗号分割
					if(this.venue.businessHours){
						let numbers = this.venue.businessHours.split(',');
						
						// 访问分割后的数字
						this.Timenum1 = numbers[0];
						this.Timenum2 = numbers[1];
					}
					
					console.log(this.venue, '门店详情-读取本地')
					this.getcoach() //获取教练列表
					this.getswiper() //获取轮播图
					this.peopleInfo() //获取在场人数
					// this.getVipList()
				} else {
					uni.navigateTo({
						url: `/pages/homePage/venue/venue`
					})
				}
			}




		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			if (this.isLogin) {
				this.getcoach()
				this.getswiper()
				this.peopleInfo()
			}
		},
		// 上拉加载
		onReachBottom() {
			// if (this.last_page == undefined) return
			// //console.log(this.last_page,'this.last_page')
			// if (this.page >= this.last_page) return;
			// this.status = 'loading';
			// this.page++;
			// setTimeout(() => {
			// 	if (this.page >= this.last_page) this.status = 'nomore';
			// 	else this.status = 'loading';
			// 	this.is_pull = false;
			// 	this.gethomeList();
			// }, 500)
		},
		onPageScroll(e) {

		},
		methods: {
			scrollToTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				})
			},

			gojingangInfo(v1, k1) {
				this.selectedItem = k1;
				if (k1 == 0) {
					if (this.isLogin == false) {
						this.$message.info('您还未登录')
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/tabBar/passwordLogin/passwordLogin'
							})
						}, 800)
					} else {
						uni.navigateTo({
							url: `/pages/homePage/renovation/renovation`
						})
					}

				} else if (k1 == 1) {
					if (this.isLogin == false) {
						this.$message.info('您还未登录')
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/tabBar/passwordLogin/passwordLogin'
							})
						}, 800)
					} else {
						uni.switchTab({
							url: `/pages/tabBar/classification/classification`
						})
					}

				} else if (k1 == 2) {
					if (this.isLogin == false) {
						this.$message.info('您还未登录')
						setTimeout(() => {
							uni.reLaunch({
								url: '/pages/tabBar/passwordLogin/passwordLogin'
							})
						}, 800)
					} else {
						uni.navigateTo({
							url: `/pages/myB/feedback/feedback`
						})
					}
				}
			},
			gojiaolian(aid, index) {
				if (this.isLogin == false) {
					this.$message.info('请先登录')
					setTimeout(() => {
						uni.reLaunch({
							url: '/pages/tabBar/passwordLogin/passwordLogin'
						})
					}, 600)
				} else {
					uni.navigateTo({
						url: `/pages/homePage/decorationTeam/decorationTeam?id=${aid}`
					})
				}

			},

			//隐藏人脸录入以上线
			async Online() {
				//请求方法
				let datauserInfo = await this.$api.get(global.apiUrls.isOnline);
				this.isOnlines = datauserInfo.data.data
				//this.isOnlines = 0
				console.log(this.isOnlines, '0隐藏  1上线成功isOnlinesisOnlinesisOnlines')
				if (this.isOnlines == 1 && this.isLogin == false) {
					console.log('上线模式，且未登录状态')
					this.isUserInfo()
				}
			},
			isUserInfo() {
				console.log('判断是否获取用户信息')
				if (uni.getStorageSync('keyPhone')) {
					let phone = uni.getStorageSync('keyPhone')
					console.log(phone, '当前用户电话')
				} else {
					this.$store.commit('logout')
					uni.removeStorageSync('venueInfo')
					uni.removeStorageSync('code');
					uni.removeStorageSync('iv');
					uni.removeStorageSync('userId');
					uni.removeStorageSync('encryptedData');
					uni.removeStorageSync('gzhOpenId');
					uni.removeStorageSync('IMGINFO');
					this.popupShow1656992350800ac = true

				}
			},
			loginFunc() {
				uni.reLaunch({
					url: `/pages/tabBar/passwordLogin/passwordLogin`
				})
			},

			//选择健身房
			async choice() {
				console.log('choicechoicechoicechoicechoicechoice')
				let phone = uni.getStorageSync('keyPhone')
				let userInfo = uni.getStorageSync('USER_INFO')
				let res = await this.$api.post(global.apiUrls.memberInfo, {
					phoneNumber: phone,
					gymId: this.ida,
					memberType: "1",
					visitType: "1",
					ossId: 1,
					memberName: '1'
				});
				if (res.data.code != 200) {
					// this.$message.info(res.data.msg);
					return
				}
				//this.$message.info(res.data.msg);
				this.getGymInfo()
				this.getcoach() //获取教练列表
				this.getswiper() //获取轮播图
				this.peopleInfo() //获取在场人数
				uni.setStorageSync('userId', res.data.data.memberId)
			},

			//获取教练列表
			async getcoach() {

				let res = await this.$api.get(global.apiUrls.coachlist, {
					gymId: this.venue.id ? this.venue.id : this.ida
					// pageNum: this.page,
					// coachType:'0'
					// pageSize: 30
				});
				if (res.data.msg == "认证失败，无法访问系统资源") {
					this.$store.commit('logout')
					uni.removeStorageSync('venueInfo')
					uni.removeStorageSync('keyPhone');
					uni.removeStorageSync('code');
					uni.removeStorageSync('iv');
					uni.removeStorageSync('userId');
					uni.removeStorageSync('encryptedData');
					uni.removeStorageSync('gzhOpenId');
					uni.removeStorageSync('IMGINFO');
					this.$urouter.reLaunch(`/pages/tabBar/passwordLogin/passwordLogin`);
				}
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					return
				}
				this.coachinfo = res.data.rows
				if (this.coachinfo.length == 0) {
					this.isshow = false
				} else {
					this.isshow = true
				}
				console.log(this.coachinfo, '健身教练列表')
			},
			//获取健身房详情
			async getGymInfo() {
				let requestUrl = `${global.apiUrls.gymInfo}/${this.venue.id ? this.venue.id : this.ida}`;
				let res = await this.$api.get(requestUrl);
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					return
				}
				this.venue = res.data.data


				// 使用 split() 方法将字符串按逗号分割
				let numbers = this.venue.businessHours.split(',');

				// 访问分割后的数字
				this.Timenum1 = numbers[0];
				this.Timenum2 = numbers[1];
				uni.setStorageSync('kefu', res.data.data.phone)
				console.log(this.venue, '门店详情-扫码id跳转获取')

			},
			//获取轮播图
			async getswiper() {
				let requestUrl = `${global.apiUrls.swiperlist}/${this.venue.id ? this.venue.id : this.ida}`;
				let res = await this.$api.get(requestUrl);
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					this.swiperList = []
					return
				}
				this.swiperList = res.data.data
				this.isshowa = true
				console.log(this.swiperList, '轮播图列表')
			},
			handleJumpvenue() {
				if (this.isLogin == false) {
					this.popupShow1656992350800ac = true
				} else {
					uni.navigateTo({
						url: `/pages/homePage/venue/venue?id=${this.venue.id ? this.venue.id : this.ida}`
					})
				}

			},
			//获取在场人数
			async peopleInfo() {
				let requestUrl = `${global.apiUrls.numberPresent}`;
				let res = await this.$api.get(requestUrl);
				if (res.data.code != 200) {
					return
				}
				if (res.data.rows.length == 0) {
					this.numInfo = 0
				} else {
					this.numInfo = res.data.rows[0].numberPresent
				}

				console.log(this.numInfo, '在场人数@@@@@@@@@@@')
				this.isshowb = true
			},
			// //查询会员卡列表
			// async getVipList() {
			// 	let res = await this.$api.get(global.apiUrls.clubCardlist, {
			// 		cardName: ''
			// 	});
			// 	if (res.data.code == 200) {
			// 		this.homeList = res.data.rows;
			// 	} else {
			// 		this.$message.info(res.data.msg);
			// 	}
			// },
			// //轮播图内链外链
			// goBannerInfo(item) {
			// 	console.log(item, 'item')
			// 	if (this.isLogin == false) {
			// 		this.toLoginDiy()
			// 		return
			// 	}
			// 	if (item.href == '') return
			// 	// let urls = `${item.href}?id=${item.aid}&&is_type=${item.name}`;
			// 	if (item.link_type == 1) {
			// 		uni.navigateTo({
			// 			url: item.href
			// 		})
			// 	}
			// },



			// onShareAppMessage() {
			// 	const promise = new Promise(resolve => {
			// 		setTimeout(() => {
			// 			resolve({
			// 				title: ''
			// 			})
			// 		}, 2000)
			// 	})
			// 	return {
			// 		title: '',
			// 		path: `/pages/tabBar/homePage/homePage`
			// 	}
			// },
			// onShareTimeline() {
			// 	title: '天天健康'
			// },

		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		// min-height: calc(100vh - var(--window-bottom));
		// background: url(/static/images/3.png) no-repeat;
		//background: #00A7FF;
		//background-size: 100% auto;
	}

	.homePage_flex_1 {
		z-index: 100;
		position: fixed;
		//background: url(/static/images/3.png) no-repeat;
		width: 750rpx;
		// height: 88rpx;
		overflow: hidden;
		// z-index: 10;
		// top: 0rpx;
		//background-size: 100% auto;
	}

	.homePage_flex_0 {
		width: 648rpx;
	}

	.homePage_fd0_1_c0 {
		width: 56rpx;
		height: 56rpx;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
	}

	.homePage_fd0_1 {
		margin: 48rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1_c1_c1 {
		background: var(--benbenbgColor0);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		font-size: 20rpx;
		color: var(--benbenFontColor3);
		width: 114rpx;
		height: 40rpx;
		line-height: 40rpx;
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 686rpx;
		margin-left: 20rpx;
		height: 330rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1_c1_c0_c1_c0 {
		color: var(--benbenFontColor0);
		font-size: 18rpx;
		font-weight: 500;
		line-height: 25rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1_c1_c0_c1 {
		margin: 4rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1_c1_c0_c0 {
		color: var(--benbenFontColor0);
		font-size: 20rpx;
		font-weight: 500;
		line-height: 28rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 200rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1_c0 {
		color: var(--benbenFontColor7);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.designPicture_fd2_5 {
		width: 88rpx;
		height: 88rpx;
		position: fixed;
		right: 25rpx;
		bottom: 300rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c0_c1_c0 {
		color: var(--benbenFontColor7);
		font-size: 20rpx;
		font-weight: 400;
		line-height: 28rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c0_c0_c1 {
		color: var(--benbenFontColor7);
		font-size: 56rpx;
		font-weight: 700;
		line-height: 67rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c0_c0_c0 {
		color: var(--benbenFontColor7);
		font-size: 24rpx;
		font-weight: 700;
		line-height: 33rpx;
		margin: 12rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0_c0_c0 {
		border-right: 1px solid rgba(207, 161, 126, 1);
		padding: 0rpx 20rpx 0rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0_c0 {
		border: 1px solid #DBB79F;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 16rpx 14rpx 16rpx 0rpx;
	}

	.homePage_fd0_0_c0_c0 {
		background: linear-gradient(180deg, #FCF4F1 0%, #FEC4A6 100%);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 8rpx 8rpx 8rpx 8rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		margin-left: 7rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		width: 18rpx;
		height: 18rpx;
		margin-left: 8rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c01 {
		width: 124rpx;
		height: 36rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: linear-gradient(126deg, #FF4538 0%, #FF6530 100%);
		background-size: 100% auto;
		width: 124rpx;
		height: 36rpx;
		border-radius: 0rpx 16rpx 0rpx 10rpx;
		position: absolute;
		//bottom: 300rpx;
		left: 223rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c01 {
		border-radius: 0rpx 16rpx 0rpx 16rpx;
		position: absolute;
		// bottom: 300rpx;
		left: 223rpx;
	}

	.activeaaa {
		/* 单独选中项的样式 */
		//font-size: 28rpx !important;
		//background: #feede0 !important;
		color: #ee7346;
	}

	.homePage_fd0_0_c0 {
		touch-action: none;
		width: 512rpx;
		height: 350rpx;
	}

	.wudi {
		font-size: 30rpx;
		color: #fff;
	}

	.wudi.active_dot_item {
		font-size: 30rpx;
	}

	.homePage_fd0_0 {
		// background: url(/static/images/73.png) no-repeat, transparent;
		background-size: 100% auto !important;
		padding: 345rpx 68rpx 0rpx 68rpx;
	}

	.swiper_nav {
		background: #fff;
		padding-top: 30rpx;
		// position: relative;
		//    left:34rpx;
		//    top: 20rpx;
		//width: 686rpx;
		width: 702rpx;
		margin-left: 24rpx;
		border-radius: 16rpx;
		padding-left: 16rpx;

		swiper {
			height: 310rpx;
			// margin-bottom: 32rpx;
		}

		.swiper-item {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;

			.swiper-item_box {
				width: 24%;
				height: 135rpx;
				text-align: center;
				margin-bottom: 36rpx;

				image {
					width: 94rpx;
					height: 94rpx;
					margin: 0 auto;
				}

				.swiper-item_box_text {
					font-size: 26rpx;
					margin-top: 16rpx;
				}
			}

		}

		.swiper_dot {
			// position: absolute;
			// bottom: 0;
			// left: 50%;
			// transform: translateX(-50%);
			// width: 80%;
			width: 670rpx;
			display: flex;
			justify-content: center;
			padding: 16rpx 0;

			.dot_item {
				display: inline-block;
				width: 16rpx;
				height: 8rpx;
				border-radius: 20rpx;
				background: #f06600;
				opacity: 0.2;
				margin: 0 8rpx;
			}

			.active_dot_item {
				width: 22rpx;
				opacity: 1;
			}
		}
	}



	.myNews_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333;
	}

	.homePage_fd1_0_c0 {
		width: 505rpx;
		height: 59rpx;
	}

	.homePage_fd1_0 {
		margin: 18rpx 32rpx 24rpx 32rpx;
	}

	.homePage_fd2_4_c0_c5 {
		width: 20%;
		height: 150rpx;
	}

	.homePage_fd2_4_c0_c0_c1 {
		color: #333333;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd2_4_c0_c0_c0 {
		width: 88rpx;
		height: 88rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
		border-radius: 16rpx;
	}

	.homePage_fd2_4_c0_c0 {
		width: 20%;
		height: 150rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.homePage_fd2_4_c0 {
		display: flex;
		justify-content: space-between;
		//margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.homePage_fd2_4 {
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.active {
		color: yellow;
		font-weight: bold;
	}

	.homePage_fd2_3_c1 {
		background: var(--benbenbgColor2);
		border-radius: 40rpx;
		width: 160rpx;
		line-height: 56rpx;
		font-size: 24rpx;
		color: #fff;
		font-weight: 500;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.homePage_fd2_3_c0 {
		color: #F06600;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.homePage_fd2_3 {
		background: var(--benbenbgColor1);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		padding: 0rpx 4rpx 0rpx 32rpx;
		margin: 0rpx 32rpx 24rpx 32rpx;
		height: 64rpx;
	}

	.homePage_fd2_2_c3 {
		width: 28rpx;
		height: 28rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.homePage_fd2_2_c2 {
		color: #333;
		font-size: 24rpx;
		font-weight: 400;
	}

	.homePage_fd2_2_c1 {
		width: 80rpx;
		height: 48rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.myNews_flex_0 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.myNews_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
	}

	.myNews_fd0_0_c0 {
		width: 180rpx;
	}

	.myNews_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
	}

	.homePage_fd2_2_c0 {
		color: #333;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.homePage_fd2_2 {
		background: var(--benbenbgColor1);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
		height: 64rpx;
	}

	.qiehuan {
		width: 160rpx;
		height: 60rpx;
		position: absolute;
		border: #fff 2rpx solid;
		display: flex;
		// background: #b8b6be;
		justify-content: center;
		align-items: center;
		border-radius: 30rpx;
		left: 30rpx;
		top: 30rpx;
		opacity: 0.8;
	}

	.homePage_fd2_1_c3 {
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 400;
	}

	.homePage_fd2_1_c0 {
		margin: 0rpx 25rpx 0rpx 0rpx;
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.decorationTeam_flex_0 {

		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: var(--benbenFontColor3);
		line-height: 50rpx;
	}

	.decorationTeam_fd0_0_c0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: var(--benbenFontColor3);
		line-height: 36rpx;
	}

	.decorationTeam_fd0_0_c0 {
		width: 120rpx;
		height: 88rpx;
	}

	.decorationTeam_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		height: 88rpx;
	}

	.decorationTeam_fd1_3_c0 {
		color: rgba(240, 102, 0, 1);
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 4;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		max-width: 656rpx;
	}

	.decorationTeam_fd1_3 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 40rpx 24rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd1_2_c1_c3 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.decorationTeam_fd1_2_c1_c2 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 14rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c1 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0_c1 {
		margin: 20rpx 0rpx 20rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 301rpx;
		font-weight: 700;
	}

	.decorationTeam_fd1_2_c1_c0_c0 {
		width: 342rpx;
		height: 283rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 14rpx 0rpx;
	}

	.decorationTeam_fd1_2_c0_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: bold;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_2_c0_c0 {
		width: 32rpx;
		height: 34rpx;
	}

	.decorationTeam_fd1_2_c0 {
		width: 686rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_2 {
		padding: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_1_c1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 2;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		// max-width: 644rpx;
	}


	.decorationTeam_fd1_1_c1 {
		padding: 0rpx 22rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 45rpx;
	}

	.decorationTeam_fd1_1_c0_c0 {
		background: rgba(238, 124, 81, 1);
		width: 8rpx;
		height: 30rpx;
		border-radius: 4rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0 {
		border-bottom: 1px solid #eee;
		margin: 24rpx 24rpx 16rpx 24rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_0_c1_c2_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 248rpx;
	}

	.decorationTeam_fd1_0_c1_c1 {
		margin: 0rpx 89rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c1 {
		color: #999999;
		font-size: 26rpx;
		font-weight: 400;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		margin-right: 6rpx;
		margin-bottom: 4rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		width: 24rpx;
		height: 22rpx;
		margin-left: 6rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: linear-gradient(126deg, #FF4538 0%, #FF6530 100%);
		background-size: 100% auto;
		width: 140rpx;
		height: 38rpx;
		border-radius: 0rpx 10rpx 0rpx 10rpx;
		margin-left: 14rpx;
		margin-top: 2rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.designPicture_fd2_5 {
		width: 88rpx;
		height: 88rpx;
		position: fixed;
		right: 25rpx;
		bottom: 300rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		//margin: 0rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
		padding-top: 4rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0111 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 700;
		//margin: 4rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
	}

	.decorationTeam_fd1_0_c1_c0 {
		//margin: 0rpx 89rpx 0rpx 40rpx;
		height: 100rpx;
		justify-content: space-between;
	}

	.loading_css {
		// padding-top: 72rpx;
		text-align: center;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

		view {
			color: #999999;
			font-size: 22rpx;
			margin-top: 16rpx;
		}
	}

	.decorationTeam_fd1_0_c0_c1_c2_c1 {
		font-size: 28rpx;
		color: #9fa2a7;
		margin: 0rpx 0rpx 0rpx 5rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 430rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c2_c0 {
		width: 26rpx;
		height: 26rpx;
		margin-top: 4rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c2_c01 {
		width: 30rpx;
		height: 30rpx;
		margin-top: 4rpx;
		color: #b6b6b6;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c4 {
		width: 122rpx;
		height: 48rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c3 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		max-width: 1200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c2 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c1 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c0 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.quxiao {
		width: 320rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100rpx;
		border-right: #f0f0f0 1rpx solid;
	}

	.decorationTeam_fd1_0_c0_c1_c1 {
		margin: 0rpx 0rpx 12rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c1 {
		width: 124rpx;
		height: 36rpx;
		margin: 4rpx 0rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0_1 {
		max-width: 300rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 32rpx;
		font-weight: 500;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0 {
		max-width: 600rpx;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 32rpx;
		font-weight: 600;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0 {
		margin: 0rpx 0rpx 12rpx 30rpx;
		min-width: 350rpx;
	}

	.decorationTeam_fd1_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.decorationTeam_fd1_0_c0_c0 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 20rpx;
	}

	.decorationTeam_fd1_0_c0 {
		border-bottom: 1px solid #eee;
		padding: 0rpx 0rpx 12rpx 0rpx;
		margin: 16rpx 12rpx 20rpx 16rpx;
	}

	.decorationTeam_fd1_0132 {
		background: var(--benbenbgColor1);
		margin: 32rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd1_0 {
		background: var(--benbenbgColor1);
		margin: 32rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		padding: 0rpx 0rpx 24rpx 0rpx;
		border-radius: 16rpx;
	}

	.decorationTeam_flex_2 {
		background: #f8f8f8;
		width: 750rpx;
		height: 130rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_fd2_1 {
		background: var(--benbenbgColor3);
		width: 320rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd2_0_c1 {
		margin: 0rpx 0rpx 0rpx 7rpx;
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 500;
	}

	.decorationTeam_fd2_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin-top: 4rpx;
		margin-right: 4rpx;
	}

	.decorationTeam_fd2_0 {
		background: var(--benbenbgColor2);
		width: 320rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
		margin-right: 20rpx;
	}

	.decorationTeam_fd3_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd3_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd3_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd3_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd3_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd3_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd3_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd3_0_c0 {
		padding: 80rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd3_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd4_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd4_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 0024rpx 0rpx 024rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
		height: 100rpx;
	}

	.decorationTeam_fd4_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd4_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd4_0_c0 {
		padding: 80rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_flex_5 {
		background: #fff;
		margin: 0rpx 104rpx 0rpx 104rpx;
		background-size: #eee;
		border-radius: 24rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 640rpx;
	}

	.decorationTeam_fd5_3_c2 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;

	}

	.decorationTeam_fd5_3_c1 {
		background: rgba(238, 238, 238, 1);
		width: 1rpx;
		height: 93rpx;
		margin: 0rpx 10rpx 0rpx 10rpx;
		transform: scaleX(0.5);
	}

	.decorationTeam_fd5_3_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 400;

	}

	.decorationTeam_fd5_3 {
		width: 640rpx;
		border-top: #f0f0f0 1rpx solid;
	}

	.system_flex_2 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.system_fd2_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.system_fd2_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(102, 102, 102, 1);
	}

	.system_fd2_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: transparent;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: #167deb;
		width: 268rpx;
	}

	.system_fd2_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.system_fd2_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd5_2 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 32rpx 24rpx 32rpx;
	}

	.decorationTeam_fd5_1_c1_c1 {
		color: var(--benbenFontColor2);
		font-size: 32rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.decorationTeam_fd5_1_c1_c0 {
		color: var(--benbenFontColor0);
		font-size: 48rpx;
		font-weight: 500;
	}

	.decorationTeam_fd5_1_c0 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1123 {
		background: #fff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd6_1 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 55rpx 0rpx 0rpx 287rpx;
	}

	.decorationTeam_fd6_0_c2 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c1_c2 {
		margin: 0rpx 0rpx 0rpx auto;
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd6_0_c1 {
		background: #F8F8FA;
		margin: 0rpx 0rpx 24rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 024rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c0_c0 {
		width: 72rpx;
		height: 72rpx;
	}

	.decorationTeam_fd6_0_c0 {
		margin: 0rpx 176rpx 40rpx 176rpx;
	}

	.decorationTeam_fd6_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 48rpx 32rpx 48rpx 32rpx;
	}

	.decorationTeam_flex_7 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd7_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 34rpx;
		color: rgba(240, 102, 0, 1);
		padding: 24rpx 202rpx 24rpx 202rpx;
		font-weight: 500;
	}

	.decorationTeam_fd7_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd7_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd7_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 32rpx 36rpx 32rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd7_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_flex_8 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 20rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd8_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor6);
		padding: 24rpx 206rpx 24rpx 206rpx;
		font-weight: 500;
	}

	.decorationTeam_fd8_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd8_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd8_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 16rpx 36rpx 16rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd8_0 {
		font-weight: 500;
		font-size: 32rpx;
		line-height: 50rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_fd9_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd9_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd9_0_c1_c0_c1 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd9_0_c1_c0_c0 {
		width: 440rpx;
		height: 328rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 40rpx 43rpx;
	}

	.decorationTeam_fd9_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 56rpx;
	}

	.decorationTeam_fd9_0_c0 {
		padding: 40rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0 {
		background: #fff;
		width: 640rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.homePage_fd2_0_c0 {
		width: 24rpx;
		height: 24rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd2_0 {
		background: var(--benbenbgColor1);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 30rpx 24rpx 30rpx 24rpx;
		height: 64rpx;
	}

	.homePage_flex_3 {
		background: #fff;
		//background-size: 100% auto !important;
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 16rpx 0rpx 20rpx 0rpx;
	}

	.homePage_numberfd3_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.homePage_fd3_0_c1_c0 {
		width: 702rpx;
		height: 400rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.homePage_fd3_0 {
		width: 702rpx;
		height: 400rpx;
		overflow: hidden;
	}

	.homePage_swiperDotUnselectedfd3_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.homePage_swiperDotSelectedfd3_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .homePage_swiperDotfd3_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.homePage_flex_4 {
		// background: #f8f8fa;
		// background-size: 100% auto !important;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.homePage_fd4_0_c1 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 344rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
		box-shadow: 0rpx 3rpx 30rpx #E8E8E8;
	}

	.homePage_fd4_0_c0_c2_c2 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		font-weight: 400;
	}

	.homePage_fd4_0_c0_c2_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		color: var(--benbenFontColor2);
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		//max-width: 34rpx;
	}

	.homePage_fd4_0_c0_c2_c0 {
		color: var(--benbenFontColor2);
		font-size: 26rpx;
		font-weight: 500;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 186rpx;
	}

	.homePage_fd4_0_c0_c2_c01 {
		color: var(--benbenFontColor2);
		font-size: 26rpx;
		font-weight: 500;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 286rpx;
		margin-top: 6rpx;
	}

	.homePage_fd4_0_c0_c2 {
		margin: 0rpx 20rpx 0rpx 20rpx;
	}

	.homePage_fd4_0_c0_c1_c1 {
		color: var(--benbenFontColor0);
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 249rpx;
		margin-left: 4rpx;
	}

	.homePage_fd4_0_c0_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 8rpx;
	}

	.homePage_fd4_0_c0_c1 {
		margin: 16rpx 16rpx 10rpx 16rpx;
	}

	.homePage_fd4_0_c0_c0 {
		width: 346rpx;
		height: 300rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.designPicture_flex_2 {
		margin: 24rpx 0rpx 33rpx 0rpx;
	}

	.homePage_flex_4 {
		background: #ffffff;
		background-size: 100% auto !important;
		padding: 0rpx 24rpx 0rpx 24rpx;
		width: 750rpx;
		min-height: 600rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 8rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1 {
		margin: 16rpx 16rpx 8rpx 16rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1_c1 {
		color: var(--benbenFontColor0);
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 0rpx 0rpx 2rpx;
		max-width: 500rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2_c0 {
		color: var(--benbenFontColor2);
		font-size: 30rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 360rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2 {
		margin: 0rpx 20rpx 0rpx 20rpx;
	}

	.homePage_fd4_0_c0_c0 {
		width: 700rpx;
		height: 300rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.homePage_fd4_0_c0 {
		position: relative;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 346rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
		// box-shadow: 0rpx 3rpx 30rpx #E8E8E8;
	}
</style>